<template>
    <!--

    推荐 weight_desc | 热门

    标题
    描述(简介 xxx/xxx/xxx 时间)

    内容

    落款(点赞/浏览...)
    -->

    <div class="article-page">
      <nav>
        <a
        href="javascript:;"
        :class="{active : true}"
        @click="changeSorter('weight_desc')"
        >推荐</a>

        <a
        href="javascript:;"
        :class="{active : true}"
        @click="changeSorter(null)"
        >热门</a>
      </nav>

      <!--  list -->
      <van-list
        v-model="loading"
        :finished="finished"
        finished-text="------我是有底线的-----"
        @load="onLoad"
      >

      <!--  每一项  ActicleItem  抽出去 -->
      <ArticleItem v-for=" item in list" :key="item.id" :item="item"></ArticleItem>
      </van-list>
    </div>
</template>

<script>
// 局部引入

export default {

  data () {
    return {
      list: []
    }
  },
  async created () {
    // axios
  },
  methods: {

  }
}
</script>
